<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<%@include file="/view/resource.jsp" %>
	<link rel="stylesheet" type="text/css" href="${ctx}/css/base.css">
	<link rel="stylesheet" href="${ctx}/static/plugins/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
	<script type="text/javascript" src="${ctx}/static/plugins/ztree/js/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="${ctx}/static/plugins/ztree/js/jquery.ztree.excheck.js"></script>
	<style type="text/css">
		.btnmr {
			margin-right: 5px;
		}

		.panel-tool a.layout-button-up {
			display: none;
		}
	</style>
</head>
<body class="topjui-layout">
<!-- Search panel start -->
<div class="ui-search-panel" style="height: 90px;" title="操作框"
     data-options="region:'north',iconCls:'fa fa-search',border:false,split:false">
	<form id="searchForm">
		<p class="ui-fields" style="min-width: 510px;">
			<label class="ui-label">分组名称:</label><input id="depName" name="depName" data-toggle="topjui-textbox"
			                                            style="width:180px;">

			<%--		<label class="ui-label">创建时间</label>
					<input name="startTimeSearch" id="startTimeSearch"
						   class="topjui-datetimebox" editable="false"
						   data-options=" width:180">
					<label class="ui-label">至</label>
					<input name="endTime" id="endTimeSearch"
						   class="topjui-datetimebox" editable="false"
						   data-options=" width:180">--%>


			<a href="#" id="btn-search" class="topjui-menubutton btnmr" data-options="iconCls:'fa fa-search',
           btnCls:'topjui-btn'" style="margin-left: 5px;">搜索</a>

			<a href="#" id="btnadd" class="topjui-menubutton btnmr" data-options="iconCls:'fa fa-plus',
				   btnCls:'topjui-btn'">添加</a>

			<a href="#" id="btnedit" class="topjui-menubutton btnmr" data-options="iconCls:'fa fa-pencil',
				   btnCls:'topjui-btn-normal'">修改</a>

			<a href="#" id="btndelete" class="topjui-menubutton" data-options="iconCls:'fa fa-trash',
				   btnCls:'topjui-btn-danger'">删除</a>
		</p>
	</form>
</div>
<!--  Search panel end -->

<!-- DataList  -->
<div region="center" border="false">
	<table id="data-list"></table>
</div>
<div id="edit-win"></div>
<script type="text/javascript" src="${ctx}/js/common/package.js"></script>
<script type="text/javascript" src="${ctx}/js/common/base.js?v=11"></script>
<script type="text/javascript" src="${ctx}/js/common/DataGrid.js"></script>
<script type="text/javascript" src="${ctx}/js/department/department.js"></script>
<script type="text/javascript">
	// 对Date的扩展，将 Date 转化为指定格式的String
	// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
	// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
	// 例子：
	// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
	// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
	Date.prototype.Format = function (fmt) { //author: meizz
		var o = {
			"M+": this.getMonth() + 1, //月份
			"d+": this.getDate(), //日
			"h+": this.getHours(), //小时
			"m+": this.getMinutes(), //分
			"s+": this.getSeconds(), //秒
			"q+": Math.floor((this.getMonth() + 3) / 3), //季度
			"S": this.getMilliseconds() //毫秒
		};
		if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
		for (var k in o)
			if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
		return fmt;
	}

	$(function () {
		//$("#startTimeSearch").iDatetimebox('setValue', new Date().Format("yyyy-MM-dd") + " 00:00:00");
		//$("#endTimeSearch").iDatetimebox('setValue', new Date().Format("yyyy-MM-dd hh:mm:ss"));
	});
</script>
</body>
</html>
